<!--<template>-->
<!--  <div class="greenhouseCard">-->
<!--    <data-view></data-view>-->
<!--&lt;!&ndash;      <el-card>&ndash;&gt;-->
<!--&lt;!&ndash;        <div slot="header">&ndash;&gt;-->
<!--&lt;!&ndash;          <span style="margin-right: 36px;font-size: larger; color: white">农田详情</span>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-tag v-if="greenhouseInfo.error===0" type="success">正常运行</el-tag>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-tag v-else type="warning">异常</el-tag>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-button style="float: right; padding: 3px 0;font-size: large;color: #d3e886" type="text">农田管理</el-button>&ndash;&gt;-->
<!--&lt;!&ndash;        </div>&ndash;&gt;-->
<!--&lt;!&ndash;          <el-aside>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-row>&ndash;&gt;-->
<!--&lt;!&ndash;              <el-card>&ndash;&gt;-->
<!--&lt;!&ndash;                <div slot="header">&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-icon class="iconfont icon-icon-" style="background: transparent;color:#fcd259 "></el-icon>&ndash;&gt;-->
<!--&lt;!&ndash;                  <span style="font-size: medium;color: white;margin-left: 20px;">设备运行情况</span>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                <div style="justify-content: space-around;display:flex;">&ndash;&gt;-->
<!--&lt;!&ndash;                  <span style="color: #7cd267">运行中：{{ this.greenhouseInfo.running }}</span>&ndash;&gt;-->
<!--&lt;!&ndash;                  <span style="color: #ee5d5d">异常设备：{{ this.greenhouseInfo.error }}</span>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-col :offset="6" :span="12">&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-progress type="dashboard"&ndash;&gt;-->
<!--&lt;!&ndash;                               :percentage="setPercentage(greenhouseInfo.running,this.greenhouseInfo.error)"&ndash;&gt;-->
<!--&lt;!&ndash;                               :color="colors"></el-progress>&ndash;&gt;-->
<!--&lt;!&ndash;                </el-col>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-card>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-row>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-row>&ndash;&gt;-->
<!--&lt;!&ndash;              <el-card class="weatherCard">&ndash;&gt;-->
<!--&lt;!&ndash;                <div slot="header">&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-icon class="iconfont icon-nongtian" style="background: transparent;color:#7abef1 "></el-icon>&ndash;&gt;-->
<!--&lt;!&ndash;                  <span style="font-size: medium;color: white;margin-left: 20px;">农田天气</span>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                <div id="he-plugin-standard"></div>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-card>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-row>&ndash;&gt;-->
<!--&lt;!&ndash;            <el-row>&ndash;&gt;-->
<!--&lt;!&ndash;              <el-card class="weatherCard">&ndash;&gt;-->
<!--&lt;!&ndash;                <div slot="header">&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-icon class="iconfont icon-nongtian" style="background: transparent;color:#7abef1 "></el-icon>&ndash;&gt;-->
<!--&lt;!&ndash;                  <span style="font-size: medium;color: white;margin-left: 20px;">农田种植</span>&ndash;&gt;-->
<!--&lt;!&ndash;                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-row style="margin: 20px auto">&ndash;&gt;-->
<!--&lt;!&ndash;                  <el-icon class="el-icon-cherry" style="color: #7cd267;font-size: large;margin-right: 10px"></el-icon>&ndash;&gt;-->
<!--&lt;!&ndash;                  <span style="color: #f8f0c6;">种植作物: {{greenhouseInfo.farmInfo.crops}}</span>&ndash;&gt;-->
<!--&lt;!&ndash;                </el-row>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-progress :text-inside="true" :stroke-width="26" :percentage="setPercentage1(greenhouseInfo.farmInfo)" :status="setStatus(greenhouseInfo.farmInfo)" :format="setPerText"></el-progress>&ndash;&gt;-->
<!--&lt;!&ndash;                <el-input class="adviceArea"&ndash;&gt;-->
<!--&lt;!&ndash;                          type="textarea"&ndash;&gt;-->
<!--&lt;!&ndash;                          :autosize="{ minRows: 2, maxRows: 6}"&ndash;&gt;-->
<!--&lt;!&ndash;                          v-model="greenhouseInfo.farmInfo.advice"&ndash;&gt;-->
<!--&lt;!&ndash;                          readonly>&ndash;&gt;-->
<!--&lt;!&ndash;                </el-input>&ndash;&gt;-->
<!--&lt;!&ndash;              </el-card>&ndash;&gt;-->
<!--&lt;!&ndash;            </el-row>&ndash;&gt;-->
<!--&lt;!&ndash;          </el-aside>&ndash;&gt;-->
<!--            &lt;!&ndash;            <dv-border-box-11 :color="['#f8b6b6', '#aef1a6']"  title="农田环境">&ndash;&gt;-->
<!--            &lt;!&ndash;              <div style="justify-content: space-between;display: flex">&ndash;&gt;-->
<!--            &lt;!&ndash;                <div v-for="(sensor,index) of greenhouseInfo.sensors" :key="index" style="height: 20%;width: 25%">&ndash;&gt;-->
<!--            &lt;!&ndash;                  <dv-border-box-8>{{sensor.sta_value}}</dv-border-box-8>&ndash;&gt;-->
<!--            &lt;!&ndash;                </div>&ndash;&gt;-->
<!--            &lt;!&ndash;              </div>&ndash;&gt;-->


<!--            &lt;!&ndash;            </dv-border-box-11>&ndash;&gt;-->
<!--            &lt;!&ndash;        <el-row>&ndash;&gt;-->
<!--            &lt;!&ndash;          <el-col :span = "6">&ndash;&gt;-->
<!--            &lt;!&ndash;            <dv-scroll-board :config="config"/>&ndash;&gt;-->
<!--            &lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--            &lt;!&ndash;          <el-col :span = "6" :offset="2">&ndash;&gt;-->
<!--            &lt;!&ndash;            <dv-scroll-board :config="config"/>&ndash;&gt;-->
<!--            &lt;!&ndash;          </el-col>&ndash;&gt;-->
<!--            &lt;!&ndash;        </el-row>&ndash;&gt;-->
<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import dataView from "@/components/hardware/dataV/dataView";-->
<!--export default {-->
<!--  name: "greenhouseInfo",-->
<!--  components:{-->
<!--    dataView-->
<!--  },-->
<!--  data() {-->
<!--    return {-->
<!--      percentage: 50,-->
<!--      weather: null,-->
<!--      colors: [-->
<!--        {color: '#f56c6c', percentage: 20},-->
<!--        {color: '#e6a23c', percentage: 40},-->
<!--        {color: '#5cb87a', percentage: 60},-->
<!--        {color: '#1989fa', percentage: 80},-->
<!--        {color: '#6f7ad3', percentage: 100}-->
<!--      ],-->
<!--      greenhouseInfo: {-->
<!--        position: {lng: 122.088866, lat: 37.537562},-->
<!--        polygonPath: [-->
<!--          {lng: 122.089766, lat: 37.542114},-->
<!--          {lng: 122.085059, lat: 37.535275},-->
<!--          {lng: 122.089622, lat: 37.533329},-->
<!--          {lng: 122.094042, lat: 37.539452},-->
<!--        ],-->
<!--        name: "一号农田",-->
<!--        img: "https://gitee.com/seng-acheng63201/images-md/raw/master/20210709211245.jpg",-->
<!--        adr: "哈尔滨工业大学威海研究院",-->
<!--        farmInfo: {-->
<!--          crops: '小麦',-->
<!--          total: 25,-->
<!--          now: 9,-->
<!--          advice: "为防止发生缺苗断垄现象，保证小麦安全越冬，要及时进行灌水，使小麦形成壮根。为使杂草防治效果较好，可在1月中旬至2月下旬进行化学除草。2月中旬至2月底,3月中下旬分别追施化肥75~120、120~150 kg/公顷,促进小麦返青拔节，提高小麦的分蘖率。3月初要浇返青水，肥力中等、群体偏少与肥力高、群体适宜或偏大的麦田分别在拔节期稍前或拔节初期、拔节后期进行追肥浇水。"-->
<!--        },-->
<!--        running: 3,-->
<!--        error: 1,-->
<!--        infoWindowShow: false,-->
<!--        sensors: [-->
<!--          {-->
<!--            sta_time: new Date().toLocaleString(),-->
<!--            p_c_name: "温度",-->
<!--            sta_value: 23,-->
<!--            p_e_unit: "°C",-->
<!--            p_desc: "土壤温度",-->
<!--            running: true,-->
<!--          },-->
<!--          {-->
<!--            sta_time: new Date().toLocaleString(),-->
<!--            p_c_name: "湿度",-->
<!--            sta_value: 23,-->
<!--            p_e_unit: "RH",-->
<!--            p_desc: "土壤湿度",-->
<!--            running: true,-->
<!--          },-->
<!--          {-->
<!--            sta_time: new Date().toLocaleString(),-->
<!--            p_c_name: "湿度",-->
<!--            sta_value: 23,-->
<!--            p_e_unit: "RH",-->
<!--            p_desc: "土壤湿度",-->
<!--            running: true,-->
<!--          },-->
<!--          {-->
<!--            sta_time: new Date().toLocaleString(),-->
<!--            p_c_name: "湿度",-->
<!--            sta_value: 23,-->
<!--            p_e_unit: "RH",-->
<!--            p_desc: "土壤湿度",-->
<!--            running: true,-->
<!--          }-->
<!--        ],-->
<!--        information: [],-->
<!--        record:[],-->
<!--      },-->
<!--    }-->
<!--  },-->
<!--  created() {-->
<!--    //和风天气插件调用-->

<!--    // for (var i = 0; i < 6; i++) {-->
<!--    //   const record = i % 2 == 0 ? {-->
<!--    //     sta_time: this.randomTime(),-->
<!--    //     p_c_name: "温度",-->
<!--    //     sta_value: (20 + (0.5 - Math.random()) * 5).toFixed(2),-->
<!--    //     p_e_unit: "°C",-->
<!--    //     p_desc: "土壤温度",-->
<!--    //     running: true,-->
<!--    //   } : {-->
<!--    //     sta_time: this.randomTime(),-->
<!--    //     p_c_name: "湿度",-->
<!--    //     sta_value: (25 + (0.5 - Math.random()) * 5).toFixed(2),-->
<!--    //     p_e_unit: "RH",-->
<!--    //     p_desc: "土壤湿度",-->
<!--    //     running: true,-->
<!--    //   }-->
<!--    //   this.greenhouseInfo.records.push(record)-->
<!--    //   const info = i % 2 === 0 ? {-->
<!--    //     hc_warntime: this.randomTime(),-->
<!--    //     hc_warninfo: 'safdasdwafcawe',-->
<!--    //     hc_value: (35 + (0.5 - Math.random()) * 5).toFixed(2),-->
<!--    //     hc_e_unit: "°C",-->
<!--    //   } : {-->
<!--    //     hc_warntime: this.randomTime(),-->
<!--    //     hc_warninfo: 'dawfdcafcwd',-->
<!--    //     hc_value: (30 + (0.5 - Math.random()) * 5).toFixed(2),-->
<!--    //     hc_e_unit: "RH",-->
<!--    //   }-->
<!--    //   this.greenhouseInfo.information.push(info)-->
<!--    // }-->
<!--  },-->
<!--  methods: {-->
<!--  //   setPercentage(v1,v2){-->
<!--  //     if (v1===v2) return 100-->
<!--  //     else return (v1/(v1+v2)).toFixed(4) * 100;-->
<!--  //   },-->
<!--  //   setPercentage1(val){-->
<!--  //     return (val.now /val.total).toFixed(4) * 100;-->
<!--  //   },-->
<!--  //   setStatus(val){-->
<!--  //      if(val.now === val.total){-->
<!--  //       return "success"-->
<!--  //     }else if (val.now<val.total)-->
<!--  //       return "exception"-->
<!--  //     else return 'error'-->
<!--  //   },-->
<!--  //   setPerText(val) {-->
<!--  //     return this.greenhouseInfo.farmInfo.now+'周'+'/'+this.greenhouseInfo.farmInfo.total+'周'-->
<!--  //   },-->
<!--  //-->
<!--  //   randomTime() {-->
<!--  //     Date.prototype.Format = function (fmt) {-->
<!--  //       var o = {-->
<!--  //         "M+": this.getMonth() + 1, // 月份-->
<!--  //         "d+": this.getDate(), // 日-->
<!--  //         "h+": this.getHours(), // 小时-->
<!--  //         "m+": this.getMinutes(), // 分-->
<!--  //         "s+": this.getSeconds(), // 秒-->
<!--  //         "q+": Math.floor((this.getMonth() + 3) / 3), // 季度-->
<!--  //         "S": this.getMilliseconds() // 毫秒-->
<!--  //       };-->
<!--  //       if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));-->
<!--  //       for (var k in o)-->
<!--  //         if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));-->
<!--  //       return fmt;-->
<!--  //     }-->
<!--  //     let date = new Date(); //得到当前日期原始模式-->
<!--  //     // var startDate = nowdate.getMonth() + 1;-->
<!--  //     // // 截止日期-->
<!--  //     // const endDate = nowdate;-->
<!--  //     // let date = new Date(+startDate + Math.random() * (endDate - startDate));-->
<!--  //     let hour = 0 + Math.random() * (23 - 0) | 0;-->
<!--  //     let minute = 0 + Math.random() * (59 - 0) | 0;-->
<!--  //     let second = 0 + Math.random() * (59 - 0) | 0;-->
<!--  //     date.setHours(hour);-->
<!--  //     date.setMinutes(minute);-->
<!--  //     date.setSeconds(second);-->
<!--  //-->
<!--  //     const randomTime = date.Format("yyyy-MM-dd hh:mm:ss");-->
<!--  //     return randomTime-->
<!--  //   },-->
<!--  // }-->
<!--}-->

<!--</script>-->

<!--<style scoped>-->
<!--/*.greenhouseCard {*/-->
<!--/*  background-size: cover;*/-->
<!--/*  background: url("https://gitee.com/seng-acheng63201/images-md/raw/master/20210709211245.jpg") repeat;*/-->
<!--/*  height: 100%;*/-->
<!--/*}*/-->

<!--/*>>> .el-progress__text {*/-->
<!--/*  color: #fff !important;*/-->
<!--/*}*/-->

<!--/*.el-card {*/-->
<!--/*  background: transparent;*/-->
<!--/*}*/-->

<!--/*.progress {*/-->
<!--/*  color: #ffffff;*/-->
<!--/*}*/-->

<!--/*ul {*/-->
<!--/*  list-style: none;*/-->
<!--/*  padding-left: 0px;*/-->
<!--/*}*/-->

<!--/*li {*/-->
<!--/*  line-height: 30px;*/-->
<!--/*  width: 33.3%;*/-->
<!--/*  text-align: center;*/-->
<!--/*  float: left;*/-->
<!--/*}*/-->
<!--/*.adviceArea{*/-->
<!--/*  margin-top: 20px;*/-->
<!--/*}*/-->
<!--/*>>>.el-textarea__inner{*/-->
<!--/*  background-color: transparent;*/-->
<!--/*  color: #a9f8ec;*/-->
<!--/*  border: 0px;*/-->
<!--/*}*/-->

<!--</style>-->